<template>
  <div class="user-manage">
    <!-- 搜索 -->
    <QueryForm></QueryForm>
    <div class="base-table">
      <!-- 表格 -->
      <div class="action">
        <el-button type="info" @click="reload(1)" style=""
          ><el-icon style=""><refresh /></el-icon
        ></el-button>

        <el-button type="primary" @click="add(1)"
          ><el-icon><circle-plus /></el-icon>本地安装</el-button
        >
        
        <!-- <el-button type="danger" @click="alldel(1)">本地插件</el-button> -->
      </div>
    </div>
    <!-- 按钮组 -->

    <div class="base-table">
      <!-- 表格 -->

      <div class="base-table">
        <!-- 表格 --> 
        <el-table
          :data="dataList"
          row-key="id"
        
        >
          <JmTb
            v-for="item in columns"
            :name="item.label"
            :key="item.prop"
            :prop="item.prop"
            :label="item.label"
            :type="item.type"
            :width="item.width"
            :jv="item.jv"
            :formatter="item.formatter"
          >
          </JmTb>

          <el-table-column label="操作" width="350">
            <template #default="scope">
              <el-button @click="uninstallthinkAddon(scope.row.name)" type="info" size="mini"
                >卸载</el-button
              >
              
              <el-button @click="edit(scope.row)" type="info" size="mini"
                >配置</el-button
              >
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
  <!-- 编辑弹窗 -->
  <el-dialog title="用户新增12" v-model="showModal">
    <router-view v-on:handleClose="handleClose" :edit_id="edit_id" />
  </el-dialog>
</template>


 
 
<script>
import indexjs from "./index.js";
export default {
  ...indexjs,
};
</script>
  
<style lang="scss">
.el-dialog__header {
  box-shadow: 0px 5px 10px #a5a5a5;
  background: #001529;
  color: white;
}
.el-dialog__headerbtn .el-dialog__close,
.el-dialog__title {
  color: white;
}
</style>